<template>
    <el-container class="sw-container">
        <el-header class="sw-container-header">系统标题</el-header>
        <el-container class="sw-container-body" >
            <el-aside class="left" width="300px">
                <app-menu></app-menu>
            </el-aside>
            <el-main class="right" >
                <RouterView />
            </el-main>
        </el-container>
    </el-container>
</template>
<script setup>
import {ref} from 'vue';
import appMenu from './AppMenu.vue'
 let con = ref(0);
</script>

<style lang="scss" scoped>
.sw-container{
    flex: 1; 
    display: flex;
    flex-direction: column;
    height: 100vh;
    .sw-container-header{
        color: #fff;
        background-color: #0079FE;
    }
    .sw-container-body{
        flex: 1; 
        display: flex;
        flex-direction: row;
        .right{
            flex:1;
            background-color: #fff;
        }
        .left{
            background-color: #f5f5f5;
        }
    }
}

</style>